<template>
	<view class="none" :style="{top: top}">
		<image src="/static/img/no-alarm.png" class="img"></image>
		<text>{{text}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: ''
			},
			top: {
				type: String,
				default: '0'
			}
		}
	}
</script>

<style lang="scss" scoped>
.none{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.15rem;
	.img{
		width: 132px;
		height: 78px;
	}
}
</style>
